<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>省市县联动</title>
	</head>
	<body>
		<select class="prov">
			<option value="">省</option>
		</select>
		<select class="city">
			<option value="">市</option>
		</select>
		<select class="dist">
			<option value="">县</option>
		</select>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/city.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				city('.prov','.city','.dist','js/city_json.js')
			})
		</script>
	</body>
</html>
<!--
	api ：三个select 标签 命名随意 省市县三个option值市需和dome一致 接口可直接获取value值；
	调用：需引用juqery插件和封装好的city.js插件；
	函数：city('第一个select的class','第二个select的class','第三个select的class','json地址')；
-->